//################################
// 版权所有：鸽子游戏俱乐部
// 系统名称：鸽子游戏俱乐部-移动版
// 文件名称：firstpage.js
// 创建时间：2017年04月26日
// 创建人员：Lemo
// 功能说明：app第一页
//################################

'use strict';

import React, {Component} from 'react';
import {
    StyleSheet,
    View,
    ScrollView,
} from 'react-native';

import ScrollableTabView from 'react-native-scrollable-tab-view';
import Colors from '../../common/colors';

import FirstpageTabBar from './firstpageTabBar';
import RentPageContainer from '../containers/rentPageContainer';
import BackPageContainer from '../containers/backPageContainer';

class FirstPage extends Component {
    constructor(props) {
        super(props);
    }

    componentDidMount() {
    }

    render() {
        return (
            <View style={styles.container}>
                <ScrollableTabView
                    tabBarPosition={'top'}
                    initialPage={0}
                    renderTabBar={() => <FirstpageTabBar />}
                    >
                    <ScrollView tabLabel={'租借'} style={styles.tabView}>
                        <RentPageContainer {...this.props} />
                    </ScrollView>
                    <ScrollView tabLabel={'还回'} style={styles.tabView}>
                        <BackPageContainer {...this.props} />
                    </ScrollView>
                </ScrollableTabView>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: Colors.appBackground,
    },
    tabView: {
        flex: 1,
    }
});

export default FirstPage;